{% extends "base.html" %}

{% block title %}Бонусы - AutoCartel{% endblock %}

{% block body %}
<div class="tabbable tabs-left">
            <ul class="nav nav-tabs">
             <li><a href="/profile/settings"><img onmouseover="this.src='/static/client/img/groups/prof.jpg';" onmouseout="this.src='/static/client/img/groups/prof2.jpg';" border="0" alt="" src="/static/client/img/groups/prof2.jpg" width="80" height="80" title="Профиль"></a></li>
             <li><a href="/profile/orders"><img onmouseover="this.src='/static/client/img/groups/zakaz.jpg';" onmouseout="this.src='/static/client/img/groups/zakaz2.jpg';" border="0" alt="" src="/static/client/img/groups/zakaz2.jpg" width="80" height="80" title="Заказы"></a></li>
             <li>
                    <a href="/profile/finance"><img onmouseover="this.src='/static/client//img/groups/money.jpg';" onmouseout="this.src='/static/client//img/groups/money2.jpg';" border="0" alt="" src="/static/client//img/groups/money2.jpg" width="80" height="80" title="Баланс"></a>
        </li>
        <li>
                    <a href="/profile/garage"><img onmouseover="this.src='/static/client/img/groups/mycars.jpg';" onmouseout="this.src='/static/client/img/groups/mycars2.jpg';" border="0" alt="" src="/static/client/img/groups/mycars2.jpg" width="80" height="80" title="Мои автомобили"></a>
        </li>
        <li class="active">
                    <a href="/profile/loyalty_program"><img onmouseover="this.src='/static/client/img/groups/bonus.jpg';" onmouseout="this.src='/static/client/img/groups/bonus.jpg';" border="0" alt="" src="/static/client/img/groups/bonus.jpg" width="80" height="80" title="Бонусная программа"></a>
        </li>
            </ul>
    <div class="tab-content">
			<table width="100%">
					<tr>
					        <td>Период c&nbsp;&nbsp;<input class="datepicker hasDatepicker" id="date_from" name="date_from" size="10" maxlength="10" value="19-06-2013" type="text">
					        &nbsp;по&nbsp;&nbsp;<input class="datepicker hasDatepicker" id="date_to" name="date_to" size="10" maxlength="10" value="19-07-2013" type="text"></td>
					        <td><p>
					<button class="btn btn-success" type="button">Выбрать</button>

					</p></td>
					<td>&nbsp;</td>
					<td class="text-success">&nbsp;Ваш баланс:<b><h2> 400.00</h></b></td>
					    </tr>



					<tbody><tr bgcolor="#e5e5e5">
						<td width="10%">&nbsp;Дата</td>
						<td width="6%">Приход</td>
						<td width="6%">Расход</td>
						<td width="8%">Баланс</td>
						<td width="60%">Описание</td>
					</tr>
					<tr>
						<td width="10%">02.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-100</td>
						<td width="8%">200</td>
						<td width="60%">Продажа подшипник 26547-10021</td>
					</tr>
					<tr>
						<td width="10%">03.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-100</td>
						<td width="8%">100</td>
						<td width="60%">Продажа подшипник 26547-10021</td>
					</tr>
					<tr>
						<td width="10%">04.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-100</td>
						<td width="8%">0</td>
						<td width="60%">Продажа подшипник 26547-10021</td>
					</tr>
					<tr class="text-success">
						<td width="10%">05.02.2013</td>
						<td width="6%">1000</td>
						<td width="6%">0</td>
						<td width="8%">1000</td>
						<td width="60%">Банковский перевод</td>
					</tr>
					<tr>
						<td width="10%">06.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-200</td>
						<td width="8%">800</td>
						<td width="60%">Продажа подшипник 2 шт 26547-10021</td>
					</tr>
					<tr>
						<td width="10%">07.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-100</td>
						<td width="8%">700</td>
						<td width="60%">Продажа подшипник 26547-10021</td>
					</tr>
					<tr>
						<td width="10%">09.02.2013</td>
						<td width="6%">0</td>
						<td width="6%">-300</td>
						<td width="8%">400</td>
						<td width="60%">Продажа подшипник 3шт 26547-10021</td>
					</tr>



					</tbody>
					</table>                  
    </div>
</div>
{% endblock %}